<template>
    <div>
        <div class="headerDiv">
            <div class="out" @click="goBackHandel">
                <img src="../assets/img/back.png" alt/>
            </div>
            <h2>我的组织</h2>
            <!--帮助按钮-->
            <div class="enterprise_help" @click="DownList" v-waves>
                <img src="../assets/img/downRightBtn.png" alt="">
            </div>
        </div>
        <div class="MyOrgbox">
            <div>
                <div v-for="(item,index) in orgData" class="list-box" v-waves :key="index">
                    <div>
                        <p>企业名称：{{ item.orgName }}</p>
                        <p>小区名称：{{ item.xiaoqu }}</p>
                        <p>小区编码：{{ item.norgum }}</p>
                        <p>注册时间：{{ item.time }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import HeadTop from '../component_modules/HeadTop'
    import {jh} from '../assets/js/jh-jssdk-dev.js'

    export default {
        name: "MyOrg",
        data() {
            return {
                orgData: [
                    {
                        orgName: '首开物业',
                        xiaoqu: '幸福家园',
                        norgum: '85586868',
                        time: '2020.02.04 13:50:22'
                    },
                    {
                        orgName: '首开物业',
                        xiaoqu: '幸福家园',
                        norgum: '85586868',
                        time: '2020.02.04 13:50:22'
                    },
                    {
                        orgName: '首开物业',
                        xiaoqu: '幸福家园',
                        norgum: '85586868',
                        time: '2020.02.04 13:50:22'
                    },
                    {
                        orgName: '首开物业',
                        xiaoqu: '幸福家园',
                        norgum: '85586868',
                        time: '2020.02.04 13:50:22'
                    }
                ],
                userId: '', // 测试ID
                appId: ''
            }
        },
        components: {
            HeadTop
        },
        methods: {
            goBackHandel() {
                jh.closeCurrentPaget();
            },
        }
    }
</script>

<style scoped>
    .MyOrgbox {
        width: 100%;
        height: calc(100% - 44px);
        position: fixed;
        top: 44px;
        overflow: hidden;
        background: #fff;
    }

    .list-box {
        width: 100%;
        background: #fff;
    }

    .list-box div {
        width: calc(100% - 20px);
        padding: 6px 0;
        margin: 0 10px;
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .list-box p {
        font-size: 14px;
        line-height: 1.6em;
        color: rgba(47, 56, 86, 1);
    }
</style>
